<script setup>
import Init001 from "./components/init-001/index.vue";
import PerspectiveCamera002 from "./components/PerspectiveCamera-002/index.vue";
import WebGLRenderer003 from "./components/WebGLRenderer-003/index.vue";
import Zoom004 from "./components/zoom-004/index.vue";
import OrbitControls006 from "./components/OrbitControls-006/index.vue";
import RequestAnimationFrame008 from "./components/requestAnimationFrame-008/index.vue";
import Stats009 from "./components/stats-009/index.vue";
</script>

<template>
  <div class="app">
    <header>
      <ul>
        <li>查看1</li>
        <li>查看2</li>
      </ul>
    </header>
    <main>
      <component :is="Stats009"></component>
    </main>
  </div>
</template>

<style scoped>
.app {
  display: flex;
  flex-direction: column;
}
header {
  height: 50px;
  background-color: #fff;
}
main {
  flex: 1;
  overflow: hidden;
}
</style>
